<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/about%20me.css">
    <title>我的</title>
</head>
<body>
<div class="head">
    <p class="address_icon">
        <span class="head_left">&#xe65b;</span>
        <span class="head_right">&#xe63d;</span>
    </p>
</div>
<div id="content">
    <div class="touxiang_box">
        <a href="person.html"><img src="img/touxiang.png" alt=""></a>
        <p>JKB2357563</p>
    </div>
    <div class="nav">
        <div class="nav_item">
            <img src="img/shoucang1.png" alt="">
            <p>收藏</p>
        </div>
        <div class="nav_item">
            <img src="img/pingjia1.png" alt="">
            <p>评价</p>
        </div>
        <div class="nav_item">
            <img src="img/zuji.png" alt="">
            <p>足迹</p>
        </div>
    </div>
    <div class="detail">
        <h1>美团钱包</h1>
        <div class="detail_item">
            <img src="img/w1.png" alt="">
            <p>我的钱包</p>
        </div>
        <div class="detail_item">
            <img src="img/w2.png" alt="">
            <p>红包/卡券</p>
        </div>
        <div class="detail_item">
            <img src="img/w3.png" alt="">
            <p>银行卡</p>
        </div>
        <div class="detail_item">
            <img src="img/w4.png" alt="">
            <p>余额</p>
        </div>
        <div class="detail_item">
            <img src="img/w5.png" alt="">
            <p>信用卡还款</p>
        </div>
        <div class="detail_item">
            <img src="img/w6.png" alt="">
            <p>银联二维码</p>
        </div>
    </div>
    <div class="detail">
        <h1>美团服务</h1>
        <div class="detail_item">
            <img src="img/m1.png" alt="">
            <p>会员中心</p>
        </div>
        <div class="detail_item">
            <img src="img/m2.png" alt="">
            <p>充值中心</p>
        </div>
        <div class="detail_item">
            <img src="img/m3.png" alt="">
            <p>客服中心</p>
        </div>
        <div class="detail_item">
            <img src="img/m4.png" alt="">
            <p>好友去哪</p>
        </div>
        <div class="detail_item">
            <img src="img/m5.png" alt="">
            <p>免流用美团</p>
        </div>
        <div class="detail_item">
            <img src="img/m6.png" alt="">
            <p>发票助手</p>
        </div>
        <div class="detail_item">
            <img src="img/m7.png" alt="">
            <p>我要合作</p>
        </div>
        <div class="detail_item">
            <img src="img/m8.png" alt="">
            <p>关于美团</p>
        </div>
    </div>
</div>
<div class="bottom">
    <div class="bottom_content">
        <a href="index.html" class="bottom_content_item">
            <span class="address_icon ">&#xe619;</span>
            <p>首页</p>
        </a>
        <a href="fujin.html" class="bottom_content_item">
            <span class="address_icon">&#xe611;</span>
            <p>附近</p>
        </a>
        <a href="" class="bottom_content_item">
            <span class="address_icon">&#xe608;</span>
            <p>发现</p>
        </a>
        <a href="find.html" class="bottom_content_item">
            <span class="address_icon">&#xe634;</span>
            <p>订单</p>
        </a>
        <a href="about%20me.html" class="bottom_content_item">
            <span class="address_icon catalogue">&#xe60c;</span>
            <p class="catalogue">我的</p>
        </a>
    </div>
</div>
<script src="rem.js"></script>
<script src="index.js"></script>
</body>
</html>